import { FC,useEffect, useState } from 'react';
import { useNavigate,Link, Outlet} from 'react-router';
import '../assets/css/main.less'

const Index= (props:any): JSX.Element => {

    useEffect(()=>{
    },[])

    return (
      <div className='main-body'>
        <div className="left">

        <Link to={'/userinfo'}>居民管理</Link>
        <div>
        <Link to={'/demo'}>demo</Link>
        </div>
        <div>
        <Link to={'/redux'}>redux</Link>
        </div>
        <div>
        <Link to={'/redux2'}>redux2</Link>
        </div>
    
        <div>
        <Link to={'/useReducer'}>useReducer</Link>
        </div>
        <div>
        <Link to={'/useMemo'}>useMemo</Link>
        </div>
        </div>
        <div className="main">
            <Outlet></Outlet>
        </div>

        
      </div>
    )
}
export default Index;